<!--文档声明类型-->
<!DOCTYPE html>

<!--lang 语言种类 zh-CN:中文网页 -->
<html lang="zh-CN">

<head>
	<!--字符集万国码 UTF-8-->
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<meta content="IE=edge" http-equiv="x-ua-compatible">
	<title>我的第一个页面</title>
</head>

<body>
	<div id="标签1">
		<!--标题标签: h-->
		<h1 align="center">一级标题</h1>
		<h2>二级标题</h2>
		<h3>三级标题</h3>
		<h4>四级标题</h4>
		<h5>五级标题</h5>
		<h6>六级标题</h6>
		<!--注释：这就是你牛逼的地方了-->
		
		<!--段落标签: p 换行标签: br-->
		<p style="font-family:Verdana; color:red">这就是我牛逼得地方了</p>
		----张煜就是这么说得, <br />
		<hr>
		老崽种了
	</div>
	
	<!--文字格式-->
	<!--div保证标签中的显示独占一行-->
	<div id="DayTwo">
		<div id="paragraph">
			<!--p: 段落标签  br: 换行标签(单标签)  span: 单词分割符-->
			<p>
				我是<strong>加粗</strong>得文字 <br />
				我也是<b>加粗</b>得文字 <br />
			</p>
			<p>
				我是<em>倾斜</em>得文字 <br />
				我也是<i>倾斜</i>得文字 <br />
			</p>
			<p>
				我是<del>删除线</del>的文字 <br />
				我也是<s>删除线</s>的文字
			</p>
			<p id="ins_path">
				我是<ins>下划线</ins>的文字 <br />
				我也是<u>下划线</u>的文字 <br />
			</p>
			
			<span>百度</span>
			<span>新浪</span>
			<span>搜狐</span>
			<span>腾讯</span>
			<br />
		</div>
	</div>
	
	<div id="DayThree">
		<div id="image">
			<!--img: 图片的显示 (不会另起一行)-->
			<img src="../Resource/image/buffalo0.jpg " /> <br />
			<!--alt: 图片显示不出来的时候用alt里边的数据替换-->
			<img alt="这个图片显示不出来" src="../Resource/image/buffalo1.jpg " /> <br />
			<!--title: 提示文本-->
			<img src="../Resource/image/buffalo0.jpg " title="这是图片的提示文本" /> <br />
			<!--width: 宽度   height: 高度-->
			<img height=500px src="../Resource/image/buffalo0.jpg " title="这是图片的提示文本" width=500px /> <br />
			<!--border: 边框-->
			<img alt="这个图片显示不出来" border="15" src="../Resource/image/buffalo0.jpg " /> <br />
		</div>
		
		<div id="link">
			<!-- a: 超链接 元素: href: 地址 target: 窗口打开方式-->
			<!--链接打开方式: target="_self": 原窗口打开链接-->
			<a href="https://www.qq.com" target="_self">腾讯页面, 原窗口打开链接</a> <br />
			<!--链接打开方式: target="_blank": 新窗口打开链接-->
			<a href="https://www.qq.com" target="_blank">腾讯页面, 新窗口打开链接</a> <br />
			<!--可以在src中用'#' 字符来代表空链接-->
			<a href="#" target="_blank">这是一个空的链接</a> <br />
			<!--下载连接 一般是.exe和zip压缩文件-->
			<a href="../Resource/image/buffalo0.jpg">图片连接</a> <br />
			<!--锚点链接 可以快速前往页面中的某个位置 href中填写 #id, 就可以跳转到设置id的标签中, 记住，#不能忘记-->
			<a href="#ins_path">锚点链接, 点击跳转到下划线部分</a>
		</div>
		
		<div id="spicelChar">
			<h3>特殊字符：</h3>
			<q> &nbsp 空格</q> <br />
			<q> &lt 小于号</q> <br />
			<q> &gt 大于号</q> <br />
		</div>
	</div>

</body>
</html>